<template>
<div class="retiu0001">
    <div class="mend" v-for="item in retiulist[0][0]" :key="item.id">
        <div class="left">
            <img :src="item.imgUrl">
        </div>
        <div class="ri">
            <p class="te">{{item.dianm}}</p>
            <p class="zhek">{{item.zhek}}</p>
            <p>{{item.weiz}}</p>
            <p>{{item.jul}}</p>
        </div>

    </div>
</div>
</template>

<script>
export default {
    name: 'retiu0001',
    props: {
        retiulist: Array
    },
    data() {
        return {
            ba: [],

        }
    },
    created() {
        this.f()

    },

    mounted() {
        // this.a()
    },
    methods: {
        f() {
            // console.log(this.$router.history.current.params.aid)
            // console.log(this.$router.history.current.meta.flag)
            // console.log(this.$router)
            // console.log(this.$store.state.login)

        },

    },
}
</script>

<style scoped>
.sy {
    width: 100%;
    height: 500px;
    background-color: #fff;
    position: absolute;
    top: 700px;
}

.retiu0001 {
    position: relative;
    top: 100px;
    overflow: hidden;
    width: 100%;
    background-color: rgb(233, 233, 233);
    margin-bottom: 40px;

}

.mend {
    overflow: hidden;
    width: 90%;
    height: 0px;
    padding-bottom: 24%;
    position: relative;
    left: 5%;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 10px;

}

.left {
    width: 30%;
    float: left;
    margin: 2.5% 3.5%;
}

.left img {
    width: 100%;
    height: 65px;
    border-radius: 10px;
}

.ri {
    float: left;
    margin-top: 2%;

}

.ri p {
    margin-top: 5px;
    font-size: 10px;
    color: rgb(129, 129, 129);
}

.ri .te {
    font-size: 15px;
    font-weight: bold;
    color: #000;
}

.ri .zhek {
    background-color: rgba(153, 8, 8, 0.26);
    color: rgb(165, 0, 0);
    padding: 2px;
}
</style>
